<template>
    <div>
        <Navbar v-show="show" v-seupyy-dir></Navbar>
        <component :is="which?List:Detail"></component>
    </div>
</template>
<script setup>
import { provide, ref } from 'vue';
import Detail from './Detail.vue';
import List from './List.vue';
import Navbar from './Navbar.vue';


const which = ref(true)
const show = ref(true)

//provide
provide("which", which)
provide("show", show)


//局部指令
const vSeupyyDir = (el) => {
    console.log(el);
    el.style.background = "yellow"
}

</script>